<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/Kongshop.css" rel="stylesheet" />
		<!-- 引入样式 -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
		<!-- 引入组件 -->
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/vant.min.js"></script>
	</head>
	<body>
		<div id="app">
			<header>
				<van-row id="top">				
					<van-col span="4">
						<a href="views/friends.html"><van-icon name="arrow-left" id="back"></van-icon></a>	
					</van-col>
					<van-col span="4" offset="5"><span id="gouwuBT">购物车</span></van-col>					
						<a href="happler.html"><span id="gouwuQK" style="float: right;">清空购物车</span></a>																																	
				</van-row>
			</header>
			<section id="photos">
				<van-row>
					<van-col span="2">
						<van-checkbox v-model="checked"></van-checkbox>
					</van-col>
					<van-col span="6">
						<img src="../../img/luhui.jpg"/>
					</van-col>
					<van-col span="16">
						<van-row>
							<van-col span="24">
								<van-card style="height: 65px;" price="77.50" title="开心果" origin-price="79.00" />
							</van-col>
						</van-row>
						<van-row>
							<van-col span="12" offset="8">
								<van-stepper  v-model="value" ></van-stepper>
							</van-col>
							<van-col span="2">
								<van-icon name="delete" style="padding: 5px;font-size:20px;"/>
							</van-col>
						</van-row>
								
						</van-card>
					</van-col>
				</van-row>
			</section>
			<footer>
				<van-submit-bar
				  :price="7750"
				  button-text="提交订单">
				  <van-checkbox v-model="checked">全选</van-checkbox>
			    </van-submit-bar>
			</footer>
		</div>
		<script type="text/javascript">
			var vm=new Vue({
				el:"#app",
				data:{
					checked:"",
					 value: 1
				},				
			})
		</script>
	</body>
</html>
